<!DOCTYPE html>
<html lang="zh-en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>OPPO静态页面</title>
    <link rel="stylesheet" href="OPPO页面.css">
</head>

<body>
    <div class="navigation">
        <span><a href="#">Global</a></span>
        <span><a href="#">注册</a></span>
        <span><a href="#">登录</a></span>
    </div>
    <div class="LOGO">
        <div class="logo">
            <div><a href="#"></a><img src="images/oppologo.png" /></a></div>
            <span><a href="../阳光科技/index.html">阳光科技</a></span>
            <span><a href="../../index.html">品优购</a></span>
            <span><a href="../qq音乐/qq.html">QQ音乐</a></span>
            <span><a href="../小米官网/mi.html">小米官网</a></span>
            <span><a href="#">社区</a></span>
            <span><a href="#">colorOS</a></span>
            <span><a href="#">服务</a></span>
            <span><a href="#">体验店</a></span>
            <span><a href="#">商城</a></span>
            <span><a href="#">产品</a></span>
            <span><a href="#">首页</a></span>
        </div>
    </div>
    <div class="top">
        <span><a href="#">首页</a></span>/<span><a href="#">产品</a></span>
    </div>
    <div class="banner">
        <table>
            <tr>
                <td class="banner1"><a href="#"><img src="images/11.png" height="420" width="850" /></a></td>
                <td rowspan="2" class="banner2"><a href="#"><img src="images/13.png" height="850px" width="430px" /></a>
                </td>
            </tr>
            <tr>
                <td><a href="#"><img src="images/12.png" height="420" width="850" /></a></td>
            </tr>
        </table>
    </div>
    <div class="centerfont1">
        <span class="line1"></span>
        <span class="font1-1">OPPO 产品系列</span>
        <span class="line2"></span>
    </div>
    <div class="product1">
        <div class="Rseries"><strong>R系列</strong> <span>纤薄设计·至美外观</span></div>
        <div class="bigbox1">
            <div class="box">
                <a href="#">
                    <img src="images/21.jpg" width="150px" height="180px">
                    <br /><span class="model">R9s 玫瑰金</span><br /><span class="introduce">这一刻，更清晰</span>
                </a>
            </div>
            <div class="box">
                <a href="#">
                    <img src="images/22.jpg" width="150px" height="180px">
                    <br /><span class="model">R9sK 金色</span><br /><span class="introduce">R9sK是R9s的一个版本，线下专供</span>
                </a>
            </div>
            <div class="box">
                <a href="#">
                    <img src="images/23.jpg" width="150px" height="180px">
                    <br /><span class="model">R9s Plus 黑色版</span><br /><span class="introduce">大屏拍照旗舰</span>
                </a>
            </div>
        </div>
    </div>
    <div class="centerfont1">
        <span class="line1"></span>
        <span class="font1-1">OPPO 产品特色</span>
        <span class="line2"></span>
    </div>
    <div class="poster">
        <div>
            <span><a href="#"><img src="images/31.jpg" width="645px"></a></span>
            <span><a href="#"><img src="images/32.jpg" width="645px"></a></span>
        </div>
    </div>
    <div class="bottom">
        <div class="b1">
            <strong>推荐机型</strong>
            <ul>
                <li><a href="#">R9s</a></li>
                <li><a href="#">R9s Plus</a></li>
                <li><a href="#">A57</a></li>
                <li><a href="#">A59s</a></li>
            </ul>
        </div>
        <div class="b2">
            <strong>在线购买</strong>
            <ul>
                <li><a href="#">官方商城</a></li>
                <li><a href="#">购物指南</a></li>
                <li><a href="#">官方授权网店</a></li>
            </ul>
        </div>
        <div class="b2">
            <strong>服务</strong>
            <ul>
                <li><a href="#">服务网点查询</a></li>
                <li><a href="#">零配件价格查询</a></li>
                <li><a href="#">云服务</a></li>
            </ul>
        </div>
        <div class="b2">
            <strong>关于我们</strong>
            <ul>
                <li><a href="#">关于OPPO</a></li>
                <li><a href="#">加入我们</a></li>
                <li><a href="#">采购相关</a></li>
                <li><a href="#">发布会回顾</a></li>
            </ul>
        </div>
        <div class="b3">
            <ul>
                <li><a href="#"><img src="images/icon-online.png"></a></li>
                <li class="li1">4001-666-888</li>
                <li class="li2">（24小时全国服务）</li>
            </ul>
        </div>

        <div class="aaa">
            <hr />
            <span class="last1">&copy; 2005-2017 OPPO 版权所有 粤ICP备08130115号-1 联系方式：4001-666-888<p></p></span>
            <div class="last2">关注我们： <img src="images/weixin.png" /></div>
        </div>
    </div>

</body>

</html>